<template>
  <div id="app">
      <keep-alive>
        <router-view v-if="$route.meta.keepAlive"></router-view>
      </keep-alive>
      <router-view v-if="!$route.meta.keepAlive"></router-view>
    <Tabbar v-if="!$route.meta.exceptTabBar"></Tabbar>
    <loading :show="$store.state.loading.show" text="拼命加载"></loading>
    <toast v-model="$store.state.toast.showToast" :type="$store.state.toast.type" :width="$store.state.toast.width" :is-show-mask="true" :time="$store.state.toast.time">{{$store.state.toast.content}}</toast>
  </div>
</template>

<script>
import Tabbar from './components/common/tabbar.vue'
import { Toast,Loading } from 'vux'
export default {
  name: 'App',
  components: {
    Tabbar,Toast,Loading
  }
}
</script>

<style>
  #app {
    font-family: "PingFang SC",'Avenir', Helvetica, Arial, sans-serif;
    height: 100%;
    position: relative;
    color:#ffffff;
  }
  .weui-loading_toast.vux-loading>.weui-mask_transparent,.weui-loading_toast.vux-loading>.weui-toast{
    z-index:9999!important;
  }
</style>
